<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百城万店后台管理系统</title>
		<link rel="stylesheet" href="../../common/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="../css/backstage_common.css" />
		<link rel="stylesheet" href="../../common/css/iconfont.css" />
		<link  rel="stylesheet" href="../css/productManage.css" />
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="brand" href="index.html"><span>百城万店</span></a>
				</div>
			</div>
		</div>
		<div class="container-fluid-full">
			<div class="row-fluid">
				<!--侧边栏-->
				<div id="sidebar-left" class="span1">
					<div class="nav-collapse sidebar-nav">
					</div>
				</div>
				<!--主要内容-->
				<div class="" id="content">
					<div class="row-fluid form-horizontal">
						<div class="form-group">
							<label class="control-label" for="productName">商品名：</label>
							<input class="form-control" placeholder="请输入商品名" type="text"  id="productName"/>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName">类别：</label>
							<select class="form-control">
								<option>一级分类</option>
								<option>一级分类</option>
								<option>一级分类</option>
								<option>一级分类</option>
							</select>
							<select class="form-control">
								<option>二级分类</option>
								<option>一级分类</option>
								<option>一级分类</option>
								<option>一级分类</option>
							</select>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName">倾销币：</label>
							<input class="form-control" placeholder="请输入倾销币" type="text"  id="productName"/>
						</div>
						<div class="form-group">
							<label class="control-label" for="productOrderInfo">备注：</label>
							<textarea rows="3" cols="20" class="form-control" id="productOrderInfo"></textarea>
						</div>
						<div class="form-group">
							<label class="control-label">封面：</label>
							<div class="pic_container">
								<span><button class="btn btn-danger"><i class="iconfont">&#xe62e;</i>上传图片</button></span>
								<span class="tip">请上传1-5张图片</span>
								<ul class="pic_list">
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
								</ul>
							</div>
						</div>
						<div class="form-group">
							<label class="control-label">详情：</label>
							<div class="pic_container">
								<span><button class="btn btn-danger"><i class="iconfont">&#xe62e;</i>上传图片</button></span>
								<span class="tip">请上传1-10张图片</span>
								<ul class="pic_list">
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
								</ul>
							</div>
						</div>
						<div class="form-group value-container">
							<label class="form-group control-label">
								属性：
							</label>
							<button class="btn btn-default add_type" id="add_type" style="font-size: 20px;" data-toggle="modal" data-target="#addTypeModal" >
								+
							</button>
						</div>
						<div class="form-group">
							<label class="control-label">商品设置：</label>
							<button class="btn btn-danger add_type_confirm" data-toggle="modal" data-target="#confirmTypeModal">
								生成规格
							</button>
							<table class="table table-striped table-hover set-type">
								<thead>
									<tr>
										<th>规格</th>
										<th>库存</th>
										<th>价格</th>
										<th>起售量</th>
										<th>是否选择应用</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="form-group">
							<label class="control-label" for="">上架时间：</label>
			                <input class="laydate-icon" id="startTime" />
						</div>
						<div class="form-group">
							<label class="control-label" for="">下架时间：</label>
			                <input class="laydate-icon" id="endTime" />
						</div>
					</div>
					<div class="submit_container">
						<button class="btn btn-info submitProduct">提交</button>
					</div>
				</div>
			</div>
		</div>
		<!--模态框-->
		<!--添加属性-->
		<div class="modal hide fade" id="addTypeModal" data-to="">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>添加属性</h3>
		  </div>
		  <div class="modal-body">
		    <p>
		    	属性名：
		    	<input class="form-control typeName" placeholder="请输入属性名"/>
		    </p>
		    <p>
		    	属性值：
		    	<input class="form-control typeValue" placeholder="请输入属性值"/>
		    	<button class="btn btn-info addTypeValueDetail">添加属性</button>
		    </p>
		    <p class="type-value-container">
		    	<!--<span class="btn btn-default">
		    		<span class="typeValueDetail">白</span>
		    		<span class="typeValueDetailRemove">X</span>
		    	</span>-->
		    </p>
		    <p style="color: #f00;font-size: 12px;">
		    	提示：一旦生成规格，将不可对属性进行任何操作；如要修改属性，请重新创建商品
		    </p>
		  </div>
		  <div class="modal-footer">
		    <a href="#" class="btn cancel">取消</a>
		    <a href="#" class="btn btn-primary confirm-type">确认保存</a>
		  </div>
		</div>
		<!--修改属性-->
		<div class="modal hide fade" id="correctTypeModal" data-to="">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>修改属性名</h3>
		  </div>
		  <div class="modal-body">
		    <p>
		    	属性名：
		    	<input class="form-control typeName" placeholder="请输入属性名"/>
		    </p>
		    <p>
		    	属性值：
		    	<input class="form-control typeValue" placeholder="请输入属性值"/>
		    	<button class="btn btn-info addTypeValueDetail">添加属性</button>
		    </p>
		     <p class="type-value-container">
		    	<!--<span class="btn btn-default">
		    		<span class="typeValueDetail">白</span>
		    		<span class="typeValueDetailRemove">X</span>
		    	</span>-->
		    </p>
		    <p style="color: #f00;font-size: 12px;">
		    	一旦生成规格，将不可对属性进行任何操作；如要修改属性，请重新创建商品
		    </p>
		  </div>
		  <div class="modal-footer">
		    <button href="#" class="btn remove-type">删除属性</button>
		    <button href="#" class="btn btn-primary confirm-type">确认保存</button>
		  </div>
		</div>
		<!--确定录入-->
		<div class="modal hide" id="confirmTypeModal">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>生成规格</h3>
		  </div>
		  <div class="modal-body">
		  	<p style="color: #f00;font-size: 12px;">
		    	提示：规格一旦生成，将不能修改属性或者再次生成规格！
		    </p>
		  </div>
		  <div class="modal-footer">
		    <a href="#" class="btn cancel">取消</a>
		    <a href="#" class="btn btn-primary confirm-add-type">确定生成</a>
		  </div>
		</div>
	</body>
	<script src="../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../common/js/bootstrap.min.js"></script>
	<script src="../../common/laydate/laydate.js"></script>
	<script src="../js/set_date.js"></script>
	<script src="../js/admin.js"></script>
	<script src="../js/productManage2.js"></script>
</html>
